@import url(font.css);

/**
 *			Sleek 0.1 Beta Theme © Kida
 */



/*Theme-Dark Import*/
.scheme_sleek #autosaveTooltip {
    color: #DCDCDC;
}

.scheme_sleek .btn {
    color: #DCDCDC;
    border: solid 1px #DE8D47;
}

.scheme_sleek .btn:hover {
    border: solid 1px orange;
    background: inherit;
}

.scheme_sleek .btn.disabled {
    border: solid 1px #805326;
}

.scheme_sleek .btn.disabled:hover {
    border: solid 1px #805326;
    cursor: inherit;
}

.scheme_sleek .limited {
    color: #b32222;
}

.scheme_sleek .highlited {
    background-color: #403F3D;
}

.scheme_sleek a, .scheme_sleek .craft-link {
    color: #868685;
}

.scheme_sleek a:hover, .scheme_sleek .craft-link:hover {
    color: #969696;
    opacity: 1.0;
}

.scheme_sleek div {
    color: #DCDCDC;
}

.scheme_sleek .disabled div {
    color: #565655;
}

.scheme_sleek .button_tooltip div {
    color: #DCDCDC;
}

.scheme_sleek table {
    color: #DCDCDC;
}

.scheme_sleek .activeTab {
    color: #DCDCDC;
}

.scheme_sleek .button_tooltip {
    color: white;
    background-color: #201F1D;
}

.scheme_sleek .maxRes {
    color: #555;
}

.scheme_sleek .btn .noRes {
    color: #CF6060;
}

.scheme_sleek .btn.modern a {
    color: gray;
    background-color: #212121;
}

.scheme_sleek  #gamePageContainer,
.scheme_sleek .btn,
.scheme_sleek  .modern,
.scheme_sleek .btn.modern {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.scheme_sleek,
.scheme_sleek .help {
    background-color: #1C1917;
    /*background-image: url(https://googledrive.com/host/0B0udZcj7g1TzX0lpV2J1OU1jMnM);*/
    /*background-image: url(grass.jpg);*/
    background-size: cover;
    background-position: 75% 50%;
    background-repeat: none;
    overflow: hidden;
}

.scheme_sleek .help, .scheme_sleek .dialog {
    -webkit-box-shadow: 0 2px 5px 0 rgb(13, 13, 13), 0 2px 10px 0 rgb(24, 24, 24), 0 0 0 9999px rgba(0, 0, 0, 0.9);
            box-shadow: 0 2px 5px 0 rgb(13, 13, 13), 0 2px 10px 0 rgb(24, 24, 24), 0 0 0 9999px rgba(0, 0, 0, 0.9);
    height: auto !important;
    top: 40% !important;
    border: solid 1px #1c1917;
    border-top: solid 20px #374f73; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1c1917 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#1c1917), to(#000000));
    background: -o-linear-gradient(top, #1c1917 0%, #000000 100%);
    background: linear-gradient(to bottom, #1c1917 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1917', endColorstr='#000000', GradientType=0); /* IE6-9 */

}

.scheme_sleek #gamePageContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    min-width: 1180px;
    width: auto !important;
    overflow: hidden;
}

.scheme_sleek .tabsContainer {
    position: inherit;
    padding: 10px;
}

.scheme_sleek #footerLinks {
    position: absolute;
    bottom: 10px;
    right: 5px;
    text-align: right;
}

.scheme_sleek #game {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: auto;
    width: auto !important;
    /*margin: 0px !important;*/
    min-height: initial;
    max-height: initial;
    min-width: initial;
    /*max-width: initial;*/
    overflow: hidden;
    max-width: 1800px !important;
    margin: auto !important;
}

.scheme_sleek #topBar {
    position: absolute !important;
    background-color: #131210;
    padding: 0px;
    border: none;
    height: 25px;
    padding-top: 7px;
    z-index: 1;
    overflow: hidden; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1c1917 0%, #131210 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#1c1917), to(#131210));
    background: -o-linear-gradient(top, #1c1917 0%, #131210 100%);
    background: linear-gradient(to bottom, #1c1917 0%, #131210 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1917', endColorstr='#131210', GradientType=0); /* IE6-9 */

}




/*1C1917*/


.scheme_sleek #headerLinks {
    top: 7px !important;
}


.scheme_sleek #leftColumn {
    position: absolute !important;
    margin: 0px;
    padding: 0px 10px;
    top: 36px;
    width: 24%;
    left: 0px;
    bottom: 00px;
    height: auto;
    min-height: initial;
    max-height: initial;
    min-width: initial;
    max-width: initial;
    overflow-y: auto;
}

body.scheme_sleek  {
    background: #1c1917; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0d0d0d 0%, #1c1917 24%, #1c1917 76%, #0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#0d0d0d), color-stop(24%, #1c1917), color-stop(76%, #1c1917), to(#0d0d0d));
    background: -o-linear-gradient(left, #0d0d0d 0%, #1c1917 24%, #1c1917 76%, #0d0d0d 100%);
    background: linear-gradient(to right, #0d0d0d 0%, #1c1917 24%, #1c1917 76%, #0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d0d0d', endColorstr='#1c1917', GradientType=1); /* IE6-9 */

}

.scheme_sleek #leftColumn div:first-child {
    margin-right: 0px !important;
}



.scheme_sleek #midColumn {
    position: absolute !important;
    top: 36px;
    margin: auto;
    padding: 0px;
    left: 25%;
    right: 26%;
    bottom: 0px;
    width: auto;
    max-width: 800px;
    overflow-y: auto;
    min-height: initial;
    max-height: initial;
    min-width: initial;
    height: auto;
    /*background-color: rgba(255, 0, 0, 0.7);*/
}

.scheme_sleek #rightColumn {
    position: absolute !important;
    margin: 0px;
    padding: 0px 10px;
    top: 36px;
    width: 24%;
    right: 0px;
    bottom: 0px;
    left: initial;
    min-height: initial;
    max-height: initial;
    min-width: initial;
    max-width: initial;
    height: auto;
    /*background-color: rgba(0, 0, 255, 0.77);*/
    overflow-y: auto;
    display: block;
}

.scheme_sleek #gameLog {
    /*position: inherit !important;*/
    position: absolute !important;
    margin: 0px;
    padding: 0px 10px;
    min-height: initial !important;
    max-height: initial !important;
    min-width: initial !important;
    max-width: initial !important;
    height: auto !important;
    overflow: visible !important;
}

.scheme_sleek #gameLog span {
    display: block !important;
}

.scheme_sleek .achievement {
    display: block;
    margin: 10px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
    text-shadow: rgb(118, 176, 255) 2px 0px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: default !important;
}

.scheme_sleek .achievement.unethical {
    text-shadow: rgb(255, 67, 91) 2px 0px 10px;
}

.scheme_sleek .achievement:hover {
    background-color: rgb(55, 79, 115);
}

.scheme_sleek .achievement.unethical:hover {
    background-color: rgb(76, 0, 2);
}

.scheme_sleek .achievement[title='???'] {
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

.scheme_sleek .achievement[title='???']:hover {
    background-color: rgba(255, 255, 255, 0.11);
}

.scheme_sleek .achievement:after {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.91);
    text-shadow: none;
    text-transform: capitalize;
    letter-spacing: normal;
    font-weight: normal !important;
}

.scheme_sleek h1 {
    font-size: 12px;
    color: #00b7ff;
    text-transform: uppercase;
    margin-top: 30px;
    font-weight: normal;
}

.scheme_sleek h1:first-child {
    margin-top: 0px;
}

.scheme_sleek .msg.type_date {
    color: #00b7ff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    border-bottom: solid 1px #00b7ff;
}


.scheme_sleek #calendarDiv, .scheme_sleek #calendarSign {
    color: #00b7ff;
}

.scheme_sleek #calendarDiv {
    padding-left: 5px;
    text-transform: uppercase;
    margin-top: 30px;
    font-weight: normal;
    font-size: 12px;
}





.scheme_sleek #tooltip {
    /*position: inherit !important;*/
    position: absolute !important;
    /*margin: 0px;*/
    /*padding: 0px 10px;*/
    min-height: initial !important;
    max-height: initial !important;
    min-width: initial !important;
    max-width: initial !important;
    height: auto !important;
    overflow: visible !important;
    left: auto !important;
    bottom: auto !important;
    top: 50px !important;
    right: 20px !important;
    background-color: #0e0d0b; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #030201 0%, #0e0d0b 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 2, 1, 0.95)), color-stop(50%, rgba(14, 13, 11, 0.95)));
    background: -webkit-linear-gradient(top, rgba(3, 2, 1, 0.95) 0%, rgba(14, 13, 11, 0.95) 50%);
    background: -o-linear-gradient(top, rgba(3, 2, 1, 0.95) 0%, rgba(14, 13, 11, 0.95) 50%);
    background: linear-gradient(to bottom, rgba(3, 2, 1, 0.95) 0%, rgba(14, 13, 11, 0.95) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070604', endColorstr='#0e0d0b', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: 0 2px 5px 0 rgb(0, 0, 0), 0 2px 10px 0 rgb(0, 0, 0), 0 2px 10px 0 rgb(0, 0, 0);
            box-shadow: 0 2px 5px 0 rgb(0, 0, 0), 0 2px 10px 0 rgb(0, 0, 0), 0 2px 10px 0 rgb(0, 0, 0);
    padding: 20px !important;
    border-top: solid 20px rgba(55, 79, 115, 0.75);
    border-color: rgba(55, 79, 115, 0.8);
}

.scheme_sleek #tooltip .flavor {
    color: #00b7ff;
}

.scheme_sleek #tooltip>div:first-child>div:first-child {
    margin-bottom: 10px !important;
}

.scheme_sleek .bldGroupContainer {
    border: none;
}

.scheme_sleek .tabInner > div:first-child {
    border: none !important;
}

.scheme_sleek .bldGroupContainer > table > tr > td > .btn {
    margin: 10px auto 10px auto !important;
}

.scheme_sleek .btn.modern
{
    -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    letter-spacing: .1px;
    text-align: center !important;
    border: none !important;
    border-radius: 1px !important;
    outline: 0 !important;
    text-transform: uppercase !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
    width: 262px !important;
}

.scheme_sleek .btn a:hover {
    text-shadow: 1px 0px 10px white;
}
.scheme_sleek .btn.modern:not(.disabled) {
    background-color: #292c37 !important;
    -webkit-transition: background-color .1s ease-out !important;
    -o-transition: background-color .1s ease-out !important;
    transition: background-color .1s ease-out !important;
    cursor: pointer !important;
}

.scheme_sleek .btn.modern:not(.disabled):hover,
.scheme_sleek input[type='button']:hover
 {
    background-color: #374f73 !important;
    cursor: pointer !important;
}



.scheme_sleek input[type='button'] {
    background-color: #292c37 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
    border: none !important;
    border-radius: 1px !important;
    outline: 0 !important;
    color: white;
    padding: 5px 20px;
}


.scheme_sleek .btn.modern:not(.disabled):active,
.scheme_sleek input[type='button']:active {
    background-color: #00b7ff !important;
}

.scheme_sleek .btn.modern.disabled {
    background-color: rgba(41, 44, 55, 0.69) !important;
}

.scheme_sleek .btn.modern:not(.disabled):hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(43, 43, 43, 0.16), 0 5px 10px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 5px 5px 0 rgba(43, 43, 43, 0.16), 0 5px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.scheme_sleek .limited {
    color: #A2482E;
}

.scheme_sleek .highlited {
    background-color: #333745 !important;
    border-color: #333745 !important;
}

.scheme_sleek .panelContainer {
    background-color: rgba(0, 0, 0, 0.16) !important;
    border-color: rgba(0, 0, 0, 0.38) !important;
    margin: 10px 0px 10px 0px;
    padding: 10px;
}


.scheme_sleek table.craftTable tr:hover td, .scheme_sleek .res-row .res-cell:hover{
    background-color: #333745;
}

.scheme_sleek .btn.modern a {
    background-color: transparent !important;
    border-color: #333745 !important;
}

.scheme_sleek .resTable td, .scheme_sleek .res-cell {
    padding: 2px 5px 4px 5px;
}

.scheme_sleek tr.resourceRow:hover, .scheme_sleek .res-row:hover {
    background-color: rgba(0, 0, 0, 0.11);
}

.scheme_sleek .msg {
    line-height: 20px;
}

.scheme_sleek .resAmount {
    color: #386c91;
}

.scheme_sleek .resLimitWarn {
    color: #4aabdd;
}

.scheme_sleek .resLimitNotice {
    color: #4aabdd;
}

.scheme_sleek .resLimitNotice:after {
    content: "!";
    color: #731b22;
    font-weight: bold;
    text-shadow: rgb(255, 127, 144) 1px 0px 1px;
}

.scheme_sleek .resLimitWarn:after {
    content: "!";
    color: #88894e;
    font-weight: bold;
    /*text-shadow: rgb(255, 254, 149) 1px 0px 1px;*/
}

.scheme_sleek .resPerTick {
    font-size: 90%;
    color: rgba(248, 255, 253, 0.5);
}

.scheme_sleek .tabInner {
    border: none;
}

.scheme_sleek a, .scheme_sleek .craft-link {
    text-decoration: none;
}

.scheme_sleek a:hover, .scheme_sleek .craft-link:hover {
    color: white;
}

.scheme_sleek .linkContent {
    margin-top: 25px !important;
    background-color: #333745;
    width: auto !important;
}

.scheme_sleek .linkContent a {
    color: white;
    width: 40px !important;
    white-space: nowrap;
    margin-top: 2px !important;
    margin-bottom: 1px !important;
}

.scheme_sleek a.tab,
.scheme_sleek .tabInner>div:first-child>a {
    border-bottom: solid 2px #374f73;
    padding-bottom: 2px !important;
    padding-top: 4px !important;
    margin-bottom: 5px;
    text-decoration: none;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    display: inline-block;
}

.scheme_sleek a.tab:hover,
.scheme_sleek .tabInner > div:first-child > a:hover {
    border-bottom: solid 2px #374f73;
    color: ivory;
}

.scheme_sleek a.activeTab {
    border-bottom: solid 2px #ffab00 !important;
    padding-bottom: 0px !important;
    margin-bottom: 2px;
}

.scheme_sleek ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scheme_sleek ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.scheme_sleek ::-webkit-scrollbar-thumb {
    background: rgba(41, 44, 55, 0.86);
    border: 0px none #393939;
    border-radius: 40px;
}

.scheme_sleek ::-webkit-scrollbar-thumb:hover {
    background: #565656;
}

.scheme_sleek ::-webkit-scrollbar-thumb:active {
    background: #000000;
}

.scheme_sleek ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border: 0px none #565656;
    border-radius: 50px;
}

.scheme_sleek ::-webkit-scrollbar-track:hover {
    background: #666666;
}

.scheme_sleek ::-webkit-scrollbar-track:active {
    background: #333333;
}

.scheme_sleek ::-webkit-scrollbar-corner {
    background: transparent;
}

.scheme_sleek #topBar>div:first-child>span:first-child:after {
    color: #dd8825;
    content: ' Theme by Kida.';
    text-decoration: none;
    text-underline: none;
}

.scheme_sleek select {
    background-color: #292c37;
    color: white;
    padding: 4px 10px;
}

.scheme_sleek select>option {
    background-color: #292c37;
    color: white;
    padding: 4px 10px;
}

.scheme_sleek #sorrowTooltip {
	color: white;
}